<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--favicon-->

    <!--plugins-->
    <link href="css/simplebar.css" rel="stylesheet">
    <link href="css/perfect-scrollbar.css" rel="stylesheet">
    <link href="css/metisMenu.min.css" rel="stylesheet">
    <link href="css/dataTables.bootstrap5.min.css" rel="stylesheet">
    <!-- loader-->
    <link href="css/pace.min.css" rel="stylesheet">
    <script src="js/pace.min.js"></script>
    <!-- Bootstrap CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/css2.css" rel="stylesheet">
    <link href="css/app.css" rel="stylesheet">
    <link href="css/icons.css" rel="stylesheet">
    <!-- Theme Style CSS -->
    <link rel="stylesheet" href="/css/dark-theme.css">
    <link rel="stylesheet" href="/css/semi-dark.css">
    <link rel="stylesheet" href="/css/header-colors.css">
    <!--layui-css-->
    <link href="layui/css/layui.css" rel="stylesheet">
    <!--icon-->
    <script src="icon/excel/iconfont.js"></script>


    <title>榆园财务管理系统</title>

    <style>
        th {
            text-align: center;
        }

        td {
            text-align: center;
        }

        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>
</head>
<body>
<!--wrapper-->
<div class="wrapper">
    <!--sidebar wrapper -->
    <div class="sidebar-wrapper" data-simplebar="true">
        <div class="sidebar-header">
            <div>
                <img src="/picture/logo-icon.png" class="logo-icon" alt="logo icon">
            </div>
            <div>
                <h4 class="logo-text">榆园财务系统</h4>
            </div>
            <div class="toggle-icon ms-auto"><i class='bx bx-arrow-to-left'></i>
            </div>
        </div>
        <!--navigation-->
        <ul class="metismenu" id="menu">
            <li class="menu-label">数据展示</li>
            <li>
                <a href="javascript:;" class="has-arrow">
                    <div class="parent-icon"><i class='lni lni-graph'></i>
                    </div>
                    <div class="menu-title">数据大屏</div>
                </a>
                <ul>
                    <li><a href="index.html"><i class="bx bx-chalkboard"></i>大屏1</a>
                    </li>
                    <li><a href="error/errors-coming-soon.html"><i class="bx bx-chalkboard"></i>大屏2</a>
                    </li>
                </ul>
            </li>
            <li class="menu-label">数据汇总</li>
            <li>
                <a href="javascript:;" class="has-arrow">
                    <div class="parent-icon"><i class="bx bx-abacus"></i>
                    </div>
                    <div class="menu-title">利润分析</div>
                </a>
                <ul>
                    <li><a href="lrfx.html"><i class="bx bxs-dollar-circle"></i>利润分析</a>
                    </li>
                    <li><a href="fytj.html"><i class="lni lni-bar-chart"></i>费用统计</a>
                    </li>
                    <li><a href="shopcompare.html"><i class="bx bxs-store"></i>按店对比</a>
                    </li>
                    <li><a href="subcompare.html"><i class="bx bxs-category"></i>按科目对比</a>
                    </li>
                </ul>
            </li>
            <li class="menu-label">分项明细</li>
            <li>
                <a href="javascript:;" class="has-arrow">
                    <div class="parent-icon"><i class="bx bx-category"></i>
                    </div>
                    <div class="menu-title">分项明细</div>
                </a>
                <ul>
                    <li><a href="cbxsmx.html"><i class="bx bxs-tree"></i>成本销售</a>
                    </li>
                    <li><a href="DpdkCwfy/cwfy.html"><i class="bx bxs-badge-dollar"></i>财务费用</a>
                    </li>
                    <li><a href="Dpyy/dpyy.html"><i class="bx bxs-store"></i>店铺运营</a>
                    </li>
                    <li><a href="salelist.html"><i class="bx bxs-spreadsheet"></i>销售统计</a>
                    </li>
                    <li><a href="DpdkCwfy/return.html"><i class="bx bxs-archive-out"></i>店铺打款</a>
                    </li>
                    <li><a href="express.html"><i class="bx bxs-car-mechanic"></i>快递费用</a>
                    </li>
                    <li><a href="bcf.html"><i class="bx bxs-briefcase-alt"></i>包材费用</a>
                    </li>
                </ul>
            </li>
            <li class="menu-label">数据管理</li>
            <li>
                <a href="javascript:;" class="has-arrow">
                    <div class="parent-icon"><i class='bx bx-data'></i>
                    </div>
                    <div class="menu-title">数据导入</div>
                </a>
                <ul>
                    <li><a href="import_data.html"><i class="bx bxs-file-import"></i>数据导入</a>
                    </li>
                    <li><a href="addflows.html"><i class="bx bxs-comment-add"></i>手动添加</a>
                    </li>
                </ul>
            </li>
            <li>
                <a class="has-arrow" href="javascript:;">
                    <div class="parent-icon"><i class='bx bx-calculator'></i>
                    </div>
                    <div class="menu-title">数据校验</div>
                </a>
                <ul>
                    <li><a href="cbxsjy.html"><i class="bx bxs-tree"></i>成本销售</a>
                    </li>
                    <li><a href="DpdkCwfy/cwfy.html"><i class="bx bxs-badge-dollar"></i>财务费用</a>
                    </li>
                    <li><a href="Dpyy/dpyy.html"><i class="bx bxs-store"></i>店铺运营</a>
                    </li>
                    <li><a href="salelist.html"><i class="bx bxs-spreadsheet"></i>销售统计</a>
                    </li>
                    <li><a href="DpdkCwfy/return.html"><i class="bx bxs-archive-out"></i>店铺打款</a>
                    </li>
                    <li><a href="expressCheck.html"><i class="bx bxs-car-mechanic"></i>快递费用</a>
                    </li>
                    <li><a href="bcf2.html"><i class="bx bxs-briefcase-alt"></i>包材费用</a>
                    </li>
                </ul>
            </li>
            <li class="menu-label">系统设置</li>
            <li>
                <a class="has-arrow" href="javascript:;">
                    <div class="parent-icon"><i class='bx bx-archive'></i>
                    </div>
                    <div class="menu-title">企业信息</div>
                </a>
                <ul>
                    <li><a href="company.html"><i class="bx bxs-factory"></i>企业信息</a>
                    </li>
                    <li><a href="shopfind.html"><i class="bx bxs-store"></i>店铺信息</a>
                    </li>
                    <li><a href="store/storelist.html"><i class="bx bxs-building-house"></i>货仓信息</a>
                    </li>
                </ul>
            </li>
            <li>
                <a class="has-arrow" href="javascript:;">
                    <div class="parent-icon"><i class="bx bx-money"></i>
                    </div>
                    <div class="menu-title">财务信息</div>
                </a>
                <ul>
                    <li><a href="flows.html"><i class="bx bxs-file"></i>费用流水</a>
                    </li>
                    <li><a href="subject.html"><i class="bx bxs-book"></i>科目信息</a>
                    </li>
                    <li><a href="flowfee.html"><i class="bx bxs-baby-carriage"></i>物流运费</a>
                    </li>
                    <li><a href="packfee.html"><i class="bx bxs-package"></i>包材费用</a>
                    </li>
                    <li><a href="operateFee/operateFee.html"><i class="bx bxs-magic-wand"></i>操作费用</a>
                    </li>
                    <li><a href="buyprice.html"><i class="bx bxs-cart"></i>采购价格</a>
                    </li>
                </ul>
            </li>
            <li class="menu-label">用户设置</li>
            <li>
                <a class="has-arrow" href="javascript:;">
                    <div class="parent-icon"><i class='bx bx-user-check'></i>
                    </div>
                    <div class="menu-title">用户信息</div>
                </a>
                <ul>
                    <li><a href="user.html"><i class="bx bxs-user"></i>信息修改</a>
                    </li>
                    <li><a href="password.html"><i class="bx bxs-key"></i>设置密码</a>
                    </li>
                </ul>
            </li>
        </ul>
        <!--end navigation-->
    </div>


    <!--end sidebar wrapper -->
    <!--start header -->

    <!-- display=none 直接注释掉会使js报错-->
    <header>
        <div class="topbar d-flex align-items-center">
            <nav class="navbar navbar-expand" style="display: none;">
                <div class="mobile-toggle-menu"><i class='bx bx-menu'></i>
                </div>
                <div class="search-bar flex-grow-1">
                    <div class="position-relative search-bar-box">
                        <input type="text" class="form-control search-control" placeholder="Type to search..."> <span
                            class="position-absolute top-50 search-show translate-middle-y"><i class='bx bx-search'></i></span>
                        <span class="position-absolute top-50 search-close translate-middle-y"><i
                                class='bx bx-x'></i></span>
                    </div>
                </div>
                <div class="top-menu ms-auto">
                    <ul class="navbar-nav align-items-center">
                        <li class="nav-item mobile-search-icon">
                            <a class="nav-link" href="#"> <i class='bx bx-search'></i>
                            </a>
                        </li>
                        <li class="nav-item dropdown dropdown-large">
                            <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" role="button"
                               data-bs-toggle="dropdown" aria-expanded="false"> <i class='bx bx-category'></i>
                            </a>
                            <div class="dropdown-menu dropdown-menu-end">
                                <div class="row row-cols-3 g-3 p-3">
                                    <div class="col text-center">
                                        <div class="app-box mx-auto bg-gradient-cosmic text-white"><i
                                                class='bx bx-group'></i>
                                        </div>
                                        <div class="app-title">Teams</div>
                                    </div>
                                    <div class="col text-center">
                                        <div class="app-box mx-auto bg-gradient-burning text-white"><i
                                                class='bx bx-atom'></i>
                                        </div>
                                        <div class="app-title">Projects</div>
                                    </div>
                                    <div class="col text-center">
                                        <div class="app-box mx-auto bg-gradient-lush text-white"><i
                                                class='bx bx-shield'></i>
                                        </div>
                                        <div class="app-title">Tasks</div>
                                    </div>
                                    <div class="col text-center">
                                        <div class="app-box mx-auto bg-gradient-kyoto text-dark"><i
                                                class='bx bx-notification'></i>
                                        </div>
                                        <div class="app-title">Feeds</div>
                                    </div>
                                    <div class="col text-center">
                                        <div class="app-box mx-auto bg-gradient-blues text-dark"><i
                                                class='bx bx-file'></i>
                                        </div>
                                        <div class="app-title">Files</div>
                                    </div>
                                    <div class="col text-center">
                                        <div class="app-box mx-auto bg-gradient-moonlit text-white"><i
                                                class='bx bx-filter-alt'></i>
                                        </div>
                                        <div class="app-title">Alerts</div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item dropdown dropdown-large">
                            <a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#"
                               role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">7</span>
                                <i class='bx bx-bell'></i>
                            </a>
                            <div class="dropdown-menu dropdown-menu-end">
                                <a href="javascript:;">
                                    <div class="msg-header">
                                        <p class="msg-header-title">Notifications</p>
                                        <p class="msg-header-clear ms-auto">Marks all as read</p>
                                    </div>
                                </a>
                                <div class="header-notifications-list">
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="notify bg-light-primary text-primary"><i
                                                    class="bx bx-group"></i>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">New Customers<span class="msg-time float-end">14 Sec
												ago</span></h6>
                                                <p class="msg-info">5 new user registered</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="notify bg-light-danger text-danger"><i
                                                    class="bx bx-cart-alt"></i>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">New Orders <span class="msg-time float-end">2 min
												ago</span></h6>
                                                <p class="msg-info">You have recived new orders</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="notify bg-light-success text-success"><i class="bx bx-file"></i>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">24 PDF File<span class="msg-time float-end">19 min
												ago</span></h6>
                                                <p class="msg-info">The pdf files generated</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="notify bg-light-warning text-warning"><i class="bx bx-send"></i>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Time Response <span class="msg-time float-end">28 min
												ago</span></h6>
                                                <p class="msg-info">5.1 min avarage time response</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="notify bg-light-info text-info"><i
                                                    class="bx bx-home-circle"></i>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">New Product Approved <span
                                                        class="msg-time float-end">2 hrs ago</span></h6>
                                                <p class="msg-info">Your new product has approved</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="notify bg-light-danger text-danger"><i
                                                    class="bx bx-message-detail"></i>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">New Comments <span class="msg-time float-end">4 hrs
												ago</span></h6>
                                                <p class="msg-info">New customer comments recived</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="notify bg-light-success text-success"><i
                                                    class='bx bx-check-square'></i>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Your item is shipped <span
                                                        class="msg-time float-end">5 hrs
												ago</span></h6>
                                                <p class="msg-info">Successfully shipped your item</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="notify bg-light-primary text-primary"><i
                                                    class='bx bx-user-pin'></i>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">New 24 authors<span class="msg-time float-end">1 day
												ago</span></h6>
                                                <p class="msg-info">24 new authors joined last week</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="notify bg-light-warning text-warning"><i
                                                    class='bx bx-door-open'></i>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Defense Alerts <span class="msg-time float-end">2 weeks
												ago</span></h6>
                                                <p class="msg-info">45% less alerts last 4 weeks</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <a href="javascript:;">
                                    <div class="text-center msg-footer">View All Notifications</div>
                                </a>
                            </div>
                        </li>
                        <li class="nav-item dropdown dropdown-large">
                            <a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#"
                               role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">8</span>
                                <i class='bx bx-comment'></i>
                            </a>
                            <div class="dropdown-menu dropdown-menu-end">
                                <a href="javascript:;">
                                    <div class="msg-header">
                                        <p class="msg-header-title">Messages</p>
                                        <p class="msg-header-clear ms-auto">Marks all as read</p>
                                    </div>
                                </a>
                                <div class="header-message-list">
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="user-online">
                                                <img src="/picture/avatar-1.png" class="msg-avatar" alt="user avatar">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Daisy Anderson <span class="msg-time float-end">5 sec
												ago</span></h6>
                                                <p class="msg-info">The standard chunk of lorem</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="user-online">
                                                <img src="/picture/avatar-2.png" class="msg-avatar" alt="user avatar">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Althea Cabardo <span class="msg-time float-end">14
												sec ago</span></h6>
                                                <p class="msg-info">Many desktop publishing packages</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="user-online">
                                                <img src="/picture/avatar-3.png" class="msg-avatar" alt="user avatar">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Oscar Garner <span class="msg-time float-end">8 min
												ago</span></h6>
                                                <p class="msg-info">Various versions have evolved over</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="user-online">
                                                <img src="/picture/avatar-4.png" class="msg-avatar" alt="user avatar">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Katherine Pechon <span class="msg-time float-end">15
												min ago</span></h6>
                                                <p class="msg-info">Making this the first true generator</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="user-online">
                                                <img src="/picture/avatar-5.png" class="msg-avatar" alt="user avatar">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Amelia Doe <span class="msg-time float-end">22 min
												ago</span></h6>
                                                <p class="msg-info">Duis aute irure dolor in reprehenderit</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="user-online">
                                                <img src="/picture/avatar-6.png" class="msg-avatar" alt="user avatar">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Cristina Jhons <span class="msg-time float-end">2 hrs
												ago</span></h6>
                                                <p class="msg-info">The passage is attributed to an unknown</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="user-online">
                                                <img src="/picture/avatar-7.png" class="msg-avatar" alt="user avatar">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">James Caviness <span class="msg-time float-end">4 hrs
												ago</span></h6>
                                                <p class="msg-info">The point of using Lorem</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="user-online">
                                                <img src="/picture/avatar-8.png" class="msg-avatar" alt="user avatar">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Peter Costanzo <span class="msg-time float-end">6 hrs
												ago</span></h6>
                                                <p class="msg-info">It was popularised in the 1960s</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="user-online">
                                                <img src="/picture/avatar-9.png" class="msg-avatar" alt="user avatar">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">David Buckley <span class="msg-time float-end">2 hrs
												ago</span></h6>
                                                <p class="msg-info">Various versions have evolved over</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="user-online">
                                                <img src="/picture/avatar-10.png" class="msg-avatar" alt="user avatar">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Thomas Wheeler <span class="msg-time float-end">2 days
												ago</span></h6>
                                                <p class="msg-info">If you are going to use a passage</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <div class="d-flex align-items-center">
                                            <div class="user-online">
                                                <img src="/picture/avatar-11.png" class="msg-avatar" alt="user avatar">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">Johnny Seitz <span class="msg-time float-end">5 days
												ago</span></h6>
                                                <p class="msg-info">All the Lorem Ipsum generators</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <a href="javascript:;">
                                    <div class="text-center msg-footer">View All Messages</div>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="user-box dropdown">
                    <a class="d-flex align-items-center nav-link dropdown-toggle dropdown-toggle-nocaret" href="#"
                       role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <img src="/picture/avatar-2.png" class="user-img" alt="user avatar">
                        <div class="user-info ps-3">
                            <p class="user-name mb-0">Pauline Seitz</p>
                            <p class="designattion mb-0">Web Designer</p>
                        </div>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end">
                        <li><a class="dropdown-item" href="javascript:;"><i class="bx bx-user"></i><span>Profile</span></a>
                        </li>
                        <li><a class="dropdown-item" href="javascript:;"><i class="bx bx-cog"></i><span>Settings</span></a>
                        </li>
                        <li><a class="dropdown-item" href="javascript:;"><i class='bx bx-home-circle'></i><span>Dashboard</span></a>
                        </li>
                        <li><a class="dropdown-item" href="javascript:;"><i class='bx bx-dollar-circle'></i><span>Earnings</span></a>
                        </li>
                        <li><a class="dropdown-item" href="javascript:;"><i
                                class='bx bx-download'></i><span>Downloads</span></a>
                        </li>
                        <li>
                            <div class="dropdown-divider mb-0"></div>
                        </li>
                        <li><a class="dropdown-item" href="javascript:;"><i class='bx bx-log-out-circle'></i><span>Logout</span></a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </header>
    <!--end header -->

    <!-- 页面 -->
    <!--start page wrapper -->
    <div class="page-wrapper">
        <div class="page-content">
            <!--面包屑-->
            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="breadcrumb-title pe-3">利润分析</div>
                <div class="ps-3">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb mb-0 p-0">
                            <li class="breadcrumb-item"><a href="/index.html"><i class="bx bx-home-alt"></i></a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">科目对比</li>
                        </ol>
                    </nav>
                </div>
            </div>
            <!-- 页面部分 -->
            <div class="card" style="min-height: 778px;">
                <div class="card-body">

                    <!--页面切换-->
                    <ul class="nav nav-pills mb-3">
                        <!--查询-->
                        <li>
                            <div class="layui-btn-container" >
                                <button type="button" class="layui-btn layui-btn-sm" lay-demo="getChecked">查询</button>
                            </div>
                        </li>
                        <!--添加-->
                        <li style="margin-left: 50%">

                        </li>
                    </ul>

                    <!--数据表格-->
                    <div class="table-responsive" style="display: flex ">
                        <div id="test5" class="demo-tree" style="margin: auto auto; text-align: left; width: 33%;height: 500px;overflow: auto">
                        </div>
                        <div style="width: 67%; height: 700px; overflow-x: auto; overflow-y: auto">
                        <table class="table table-striped table-bordered" style="width:100%;" id="mytable">
                            <thead>
                            <tr>
                                <th width="200px;">科目总名</th>
                                <th width="800px;">科目名称</th>
                                <th width="100px;">累计执行</th>
                                <th width="200px;">天猫-榆园食品专营店</th>
                                <th width="200px;">淘宝-榆园东北特产店</th>
                                <th width="200px;">美团-榆园食品专营店</th>
                                <th width="200px;">抖音-榆园食品专营店</th>
                                <th width="200px;">天猫-福宁旗舰店</th>
                                <th width="200px;">抖音-青花美食坊</th>
                                <th width="200px;">京东-榆园食品专营店</th>
                                <th width="200px;">快手-榆园食品专营店</th>
                                <th width="200px;">天猫-榆园食品旗舰店</th>
                                <th width="200px;">天猫-青花食品旗舰店</th>
                                <th width="200px;">拼多多-榆园调味品专营店</th>
                                <th width="200px;">拼多多-榆园食品专营店</th>
                                <th width="200px;">拼多多-榆园调味品专营店</th>
                                <th width="200px;">淘宝-榆园食品特卖店</th>
                                <th width="200px;">拼多多-青花食品旗舰店</th>
                                <th width="200px;">淘宝-青花食品特卖店</th>
                                <th width="200px;">微信小商店</th>
                                <th width="200px;">京东-昊七食品专营店</th>
                                <th width="200px;">抖音-昊七七食品旗舰店</th>
                            </tr>
                            </thead>

                            <tbody id="subcompare">

                            </tbody>
                        </table>
                        </div>
                    </div>

                    <!--修改页面-->
                    <div class="modal fade" id="update_div" tabindex="-1" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered">
                            <div class="modal-content">
                                <!--标题-->
                                <div class="modal-header">
                                    <h5 class="modal-title">修改</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                            aria-label="Close"></button>
                                </div>
                                <!--表单-->
                                <div class="modal-body">
                                    <div class="row mb-3">
                                        <label for="id" class="col-sm-3 col-form-label"
                                               style="text-align: center">ID</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" id="id" placeholder="ID" disabled>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="account_date" class="col-sm-3 col-form-label"
                                               style="text-align: center">账期</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="account_date" placeholder="账期">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="dp" class="col-sm-3 col-form-label"
                                               style="text-align: center">店铺</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="dp" placeholder="店铺">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="xse" class="col-sm-3 col-form-label" style="text-align: center">销售额</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="xse" placeholder="销售额">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="tke" class="col-sm-3 col-form-label" style="text-align: center">退款额</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="tke" placeholder="退款额">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="sdje" class="col-sm-3 col-form-label" style="text-align: center">SD金额</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="sdje" placeholder="SD金额">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="sc" class="col-sm-3 col-form-label" style="text-align: center">试吃</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="sc" placeholder="试吃">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="sjxsje" class="col-sm-3 col-form-label" style="text-align: center">实际销售金额</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="sjxsje" placeholder="实际销售金额">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="xsdd" class="col-sm-3 col-form-label" style="text-align: center">销售订单</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="xsdd" placeholder="销售订单">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="sddd" class="col-sm-3 col-form-label" style="text-align: center">SD订单</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="sddd" placeholder="SD订单">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="dds" class="col-sm-3 col-form-label" style="text-align: center">订单数</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="dds" placeholder="订单数">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="sdyj" class="col-sm-3 col-form-label" style="text-align: center">SD佣金</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="sdyj" placeholder="SD佣金">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="ztc" class="col-sm-3 col-form-label" style="text-align: center">直通车</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="ztc" placeholder="直通车">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="cjtj" class="col-sm-3 col-form-label" style="text-align: center">超级推荐</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="cjtj" placeholder="超级推荐">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="zszw" class="col-sm-3 col-form-label" style="text-align: center">钻石展位</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="zszw" placeholder="钻石展位">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="tbk" class="col-sm-3 col-form-label" style="text-align: center">淘宝客</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="tbk" placeholder="淘宝客">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="jd" class="col-sm-3 col-form-label" style="text-align: center">京东</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="jd" placeholder="京东">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="pdd" class="col-sm-3 col-form-label" style="text-align: center">拼多多</label>
                                        <div class="col-sm-9">
                                            <input type="email" class="form-control" id="pdd" placeholder="拼多多">
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal"
                                            onclick="update2()">保存修改
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div>
                    <!--分页-->
                    <div></div>
<!--                    <div id="fenye" style="margin-left: 10px;display: inline-block"></div>-->

                    <div style="display: inline-block; width: 75%;text-align: right">

                    </div>
                </div>
            </div>

        </div>
    </div>
    <!--end page wrapper -->


    <!--start overlay-->
    <div class="overlay toggle-icon"></div>
    <!--end overlay-->


    <!--Start Back To Top Button--> <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
    <!--End Back To Top Button-->
    <footer class="page-footer">
        <p class="mb-0">Copyright © 2022. All right reserved.</p>
    </footer>
</div>
<!--end wrapper-->


<!--start switcher-->
<!-- display=none 直接注释掉会使js报错-->
<div class="switcher-wrapper" style="display: none;">
    <div class="switcher-btn"><i class='bx bx-cog bx-spin'></i>
    </div>
    <div class="switcher-body">
        <div class="d-flex align-items-center">
            <h5 class="mb-0 text-uppercase">Theme Customizer</h5>
            <button type="button" class="btn-close ms-auto close-switcher" aria-label="Close"></button>
        </div>
        <hr>
        <h6 class="mb-0">Theme Styles</h6>
        <hr>
        <div class="d-flex align-items-center justify-content-between">
            <div class="form-check">
                <input class="form-check-input" type="radio" name="flexRadioDefault" id="lightmode" checked="">
                <label class="form-check-label" for="lightmode">Light</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="radio" name="flexRadioDefault" id="darkmode">
                <label class="form-check-label" for="darkmode">Dark</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="radio" name="flexRadioDefault" id="semidark">
                <label class="form-check-label" for="semidark">Semi Dark</label>
            </div>
        </div>
        <hr>
        <div class="form-check">
            <input class="form-check-input" type="radio" id="minimaltheme" name="flexRadioDefault">
            <label class="form-check-label" for="minimaltheme">Minimal Theme</label>
        </div>
        <hr>
        <h6 class="mb-0">Header Colors</h6>
        <hr>
        <div class="header-colors-indigators">
            <div class="row row-cols-auto g-3">
                <div class="col">
                    <div class="indigator headercolor1" id="headercolor1"></div>
                </div>
                <div class="col">
                    <div class="indigator headercolor2" id="headercolor2"></div>
                </div>
                <div class="col">
                    <div class="indigator headercolor3" id="headercolor3"></div>
                </div>
                <div class="col">
                    <div class="indigator headercolor4" id="headercolor4"></div>
                </div>
                <div class="col">
                    <div class="indigator headercolor5" id="headercolor5"></div>
                </div>
                <div class="col">
                    <div class="indigator headercolor6" id="headercolor6"></div>
                </div>
                <div class="col">
                    <div class="indigator headercolor7" id="headercolor7"></div>
                </div>
                <div class="col">
                    <div class="indigator headercolor8" id="headercolor8"></div>
                </div>
            </div>
        </div>
        <hr>
        <h6 class="mb-0">Sidebar Colors</h6>
        <hr>
        <div class="header-colors-indigators">
            <div class="row row-cols-auto g-3">
                <div class="col">
                    <div class="indigator sidebarcolor1" id="sidebarcolor1"></div>
                </div>
                <div class="col">
                    <div class="indigator sidebarcolor2" id="sidebarcolor2"></div>
                </div>
                <div class="col">
                    <div class="indigator sidebarcolor3" id="sidebarcolor3"></div>
                </div>
                <div class="col">
                    <div class="indigator sidebarcolor4" id="sidebarcolor4"></div>
                </div>
                <div class="col">
                    <div class="indigator sidebarcolor5" id="sidebarcolor5"></div>
                </div>
                <div class="col">
                    <div class="indigator sidebarcolor6" id="sidebarcolor6"></div>
                </div>
                <div class="col">
                    <div class="indigator sidebarcolor7" id="sidebarcolor7"></div>
                </div>
                <div class="col">
                    <div class="indigator sidebarcolor8" id="sidebarcolor8"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--end switcher-->


<!-- Bootstrap JS -->
<script src="/js/bootstrap.bundle.min.js"></script>
<!--plugins-->
<script src="js/jquery.min.js"></script>
<script src="js/simplebar.min.js"></script>
<script src="js/metisMenu.min.js"></script>
<script src="js/perfect-scrollbar.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap5.min.js"></script>
<!--app JS-->
<script src="js/app.js"></script>
<!--layui-js-->
<script src="layui/layui.js"></script>
<script src="js/mine/mine.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="css/header-colors.css"></script>
<script src="css/semi-dark.css"></script>
<script src="css/dark-theme.css"></script>
<script src="layui/layui.js"></script>

<script>
    // 数据
    var mydata;
    // 表格数据
    var url;
    var limit = 14; //默认每页数据条数
    var curr = 1; // 当前页数
    var datasize = 0; //总数据条数

    let sub = {
        // len : [],
        subject : []
    }


    function loaddata(mydata) {

    }

    // fenye();

    // // 初始化
    // function selectAll() {
    //     $.ajax({
    //         type: "get",
    //         url: "/sales",
    //         dataType: "json",
    //         async: false,
    //         success: function (data) {
    //             //console.log(data);
    //             mydata = data.data;
    //             loaddata(mydata);
    //             datasize = mydata.length;
    //
    //             load();
    //         },
    //         error: function () {
    //             console.log("error");
    //         }
    //     });
    // }
    //
    // 分页功能
    // function fenye() {
    //     layui.use(['laypage', 'layer'], function () {
    //         var laypage = layui.laypage
    //             , layer = layui.layer;
    //         //自定义样式
    //         laypage.render({
    //             elem: 'fenye'
    //             , count: datasize // 总数据条数
    //             , theme: '#1E9FFF' // 主题颜色
    //             , limit: limit // 默认每页数据条数
    //             , limits: [10, 14, 20, 30] // 每页数据条数选项
    //             , layout: ['limit', 'prev', 'page', 'next'] // 布局
    //             , jump: function (obj) { // 页面变化
    //                 curr = obj.curr;
    //                 limit = obj.limit;
    //
    //                 load();
    //             }
    //         });
    //     });
    // }

    // 加载表格数据
    function load() {
        var str = "";
        for (let i = 0; i < mydata.length; i++) {
            if (i != datasize) {
                str = str +
                    "<tr>" +
                    "<td>" + mydata[i].科目总名 + "</td>" +
                    "<td>" + mydata[i].科目名称 + "</td>" +
                    "<td>" + mydata[i].累计执行 + "</td>" +
                    "<td>" + mydata[i].天猫榆园食品专营店 + "</td>" +
                    "<td>" + mydata[i].淘宝榆园东北特产店 + "</td>" +
                    "<td>" + mydata[i].美团榆园食品专营店 + "</td>" +
                    "<td>" + mydata[i].抖音榆园食品专营店 + "</td>" +
                    "<td>" + mydata[i].天猫福宁旗舰店 + "</td>" +
                    "<td>" + mydata[i].抖音青花美食坊 + "</td>" +
                    "<td>" + mydata[i].京东榆园食品专营店 + "</td>" +
                    "<td>" + mydata[i].快手榆园食品专营店 + "</td>" +
                    "<td>" + mydata[i].天猫榆园食品旗舰店 + "</td>" +
                    "<td>" + mydata[i].天猫青花食品旗舰店 + "</td>" +
                    "<td>" + mydata[i].拼多多榆园调味品专营店 + "</td>" +
                    "<td>" + mydata[i].拼多多榆园食品专营店 + "</td>" +
                    "<td>" + mydata[i].拼多多榆园调味品专营店 + "</td>" +
                    "<td>" + mydata[i].淘宝榆园食品特卖店 + "</td>" +
                    "<td>" + mydata[i].拼多多青花食品旗舰店 + "</td>" +
                    "<td>" + mydata[i].淘宝青花食品特卖店 + "</td>" +
                    "<td>" + mydata[i].微信小商店 + "</td>" +
                    "<td>" + mydata[i].京东昊七食品专营店 + "</td>" +
                    "<td>" + mydata[i].抖音昊七七食品旗舰店 + "</td>" +
                    "</tr>";

            } else {
                break;
            }
        }
        document.getElementById("subcompare").innerHTML = str;
    }

    // 加载表格数据
    function clear() {
        var str = "";
        document.getElementById("subcompare").innerHTML = str;
    }

</script>




<!--excel导入数据-->
<script>
    layui.use(['tree', 'util'], function(){
        var tree = layui.tree
            ,layer = layui.layer
            ,util = layui.util

            ,data2 = [{
            title: '科目名称'
            , id: 1
            , children: [{
                title: '人员费用'
                , id: 1001
                , children: [{
                    title: '销售费用'
                    , id: 100101
                    ,field: "1001-01"
                    , children: [{
                        title: '工资'
                        , id: 100101001
                        ,field:"1001-01-001"
                    },{
                        title: '社保费'
                        , id: 100101002
                        ,field:"1001-01-002"
                    },{
                        title: '工会经费'
                        , id: 100101003
                        ,field:"1001-01-003"
                    },{
                        title: '其他费用'
                        , id: 100101004
                        ,field:"1001-01-004"
                    },{
                        title: '抖音工资'
                        , id: 100101005
                        ,field:"1001-01-005"
                    },{
                        title: '发票税金'
                        , id: 100101006
                        ,field:"1001-01-006"
                    }]
                }]

                }, {
                    title: '五项费用'
                    , id: 1002
                , children: [{
                    title: '销售费用'
                    , id: 100201
                    ,field:"1002-01"
                    , children: [{
                        title: '差旅费'
                        , id: 100201001
                        ,field:"1002-01-001"
                    },{
                        title: '车辆费'
                        , id: 100201002
                        ,field:"1002-01-002"
                    },{
                        title: '办公费'
                        , id: 100201003
                        ,field:"1002-01-003"
                    },{
                        title: '团建费'
                        , id: 100201004
                        ,field:"1002-01-004"
                    },{
                        title: '业务招待费'
                        , id: 100201005
                        ,field:"1002-01-005"
                    },{
                        title: '交通费'
                        , id: 100201006
                        ,field:"1002-01-006"
                    }]
                }]

                }, {
                    title: '店铺运营费用'
                    , id: 1003
                , children: [{
                    title: '销售费用'
                    , id: 100301
                    ,field:"1003-01"
                    , children: [{
                        title: '店铺运营费用(保证金理赔)'
                        , id: 100301001
                        ,field:"1003-01-001"
                    },{
                        title: '店铺运营费用(天猫返点积分)'
                        , id: 100301002
                        ,field:"1003-01-002"
                    },{
                        title: '店铺运营费用(平台佣金)'
                        , id: 100301003
                        ,field:"1003-01-003"
                    },{
                        title: '店铺运营费用(支付宝服务费)'
                        , id: 100301004
                        ,field:"1003-01-004"
                    },{
                        title: '店铺运营费用(活动服务费汇总)'
                        , id: 100301005
                        ,field:"1003-01-005"
                    },{
                        title: '店铺运营费用(天猫360质保保)'
                        , id: 100301006
                        ,field:"1003-01-006"
                    },{
                        title: '店铺运营费用(公益宝贝捐款)'
                        , id: 100301007
                        ,field:"1003-01-007"
                    },{
                        title: '店铺运营费用(提前收款服务费)'
                        , id: 100301008
                        ,field:"1003-01-008"
                    },{
                        title: '店铺运营费用(运费保险)'
                        , id: 100301009
                        ,field:"1003-01-009"
                    },{
                        title: '店铺运营费用(其他保险)'
                        , id: 100301010
                        ,field:"1003-01-010"
                    },{
                        title: '店铺运营费用(软件服务费)'
                        , id: 100301011
                        ,field:"1003-01-011"
                    },{
                        title: '店铺运营费用(信用卡支付服务费)'
                        , id: 100301012
                        ,field:"1003-01-012"
                    },{
                        title: '店铺运营费用(评价服务费)'
                        , id: 100301013
                        ,field:"1003-01-013"
                    },{
                        title: '店铺运营费用(店铺保证金（新店))'
                        , id: 100301014
                        ,field:"1003-01-014"
                    },{
                        title: '店铺运营费用(随单送的京豆)'
                        , id: 100301015
                        ,field:"1003-01-015"
                    },{
                        title: '店铺运营费用(京挑客扣款)'
                        , id: 100301016
                        ,field:"1003-01-016"
                    },{
                        title: '店铺运营费用(直赔退款代扣)'
                        , id: 100301017
                        ,field:"1003-01-017"
                    },{
                        title: '店铺运营费用（平台服务费）'
                        , id: 100301018
                        ,field:"1003-01-018"
                    },{
                        title: '店铺运营费用（多多进宝）'
                        , id: 100301019
                        ,field:"1003-01-019"
                    },{
                        title: '店铺运营费用（技术服务费）'
                        , id: 100301020
                        ,field:"1003-01-020"
                    },{
                        title: '拼多多（扣款）'
                        , id: 100301021
                        ,field:"1003-01-021"
                    },{
                        title: '拼多多（网店其他费用）'
                        , id: 100301022
                        ,field:"1003-01-022"
                    },{
                        title: '短信服务费'
                        , id: 100301023
                        ,field:"1003-01-023"
                    },{
                        title: '店铺运营费用（售后费用--后台)'
                        , id: 100301024
                        ,field:"1003-01-024"
                    },{
                        title: '直播间站外推广'
                        , id: 100301025
                        ,field:"1003-01-025"
                    }]
                }]
                }, {
                    title: '推广费用'
                    , id: 1004
                , children: [{
                    title: '销售费用'
                    , id: 100401
                    ,field:"1004-01"
                    , children: [{
                        title: '广告宣传费（直通车）'
                        , id: 100401001
                        ,field:"1004-01-001"
                    },{
                        title: '广告宣传费（超级推荐）'
                        , id: 100401002
                        ,field:"1004-01-002"
                    },{
                        title: '广告宣传费（淘宝客代扣佣金）'
                        , id: 100401003
                        ,field:"1004-01-003"
                    },{
                        title: '广告宣传费（钻展）'
                        , id: 100401004
                        ,field:"1004-01-004"
                    },{
                        title: '广告宣传费（品牌新享）'
                        , id: 100401005
                        ,field:"1004-01-005"
                    },{
                        title: '广告宣传费（淘宝达人坑位费）'
                        , id: 100401006
                        ,field:"1004-01-006"
                    },{
                        title: '广告宣传费（京东快车）'
                        , id: 100401007
                        ,field:"1004-01-007"
                    },{
                        title: '广告宣传费（拼多多推广费）'
                        , id: 100401008
                        ,field:"1004-01-008"
                    },{
                        title: '广告宣传费（拼多多返券）'
                        , id: 100401009
                        ,field:"1004-01-009"
                    },{
                        title: '广告宣传费（SD佣金）'
                        , id: 100401010
                        ,field:"1004-01-010"
                    },{
                        title: '广告宣传费（直播带货佣金）'
                        , id: 100401011
                        ,field:"1004-01-011"
                    },{
                        title: '广告宣传费（抖音佣金）'
                        , id: 100401012
                        ,field:"1004-01-012"
                    },{
                        title: '软件服务费（ERP软件）'
                        , id: 100401013
                        ,field:"1004-01-013"
                    },{
                        title: '广告宣传费（抖加）'
                        , id: 100401014
                        ,field:"1004-01-014"
                    },{
                        title: '广告宣传费（抖币）'
                        , id: 100401015
                        ,field:"1004-01-015"
                    },{
                        title: '广告宣传费（随心推）'
                        , id: 100401016
                        ,field:"1004-01-016"
                    },{
                        title: '广告宣传费（抖音千川）'
                        , id: 100401017
                        ,field:"1004-01-017"
                    },{
                        title: '广告宣传费（其他）'
                        , id: 100401018
                        ,field:"1004-01-018"
                    },{
                        title: '广告宣传费（大家问）'
                        , id: 100401019
                        ,field:"1004-01-019"
                    }]
                }]
                }, {
                    title: '物流费'
                    , id: 1005
                , children: [{
                    title: '销售费用'
                    , id: 100501
                    ,field:"1005-01"
                    , children: [{
                        title: '代发'
                        , id: 100501001
                        ,field:"1005-01-001"
                    },{
                        title: '运杂费（快递费）'
                        , id: 100501002
                        ,field:"1005-01-002"
                    },{
                        title: '运杂费'
                        , id: 100501003
                        ,field:"1005-01-003"
                    },{
                        title: '运杂费（血肠运输费）'
                        , id: 100501004
                        ,field:"1005-01-004"
                    },{
                        title: '湖南仓运输费'
                        , id: 100501005
                        ,field:"1005-01-005"
                    },{
                        title: '中通快递运输费'
                        , id: 100501006
                        ,field:"1005-01-006"
                    }]
                }]
                }, {
                    title: '综合管理费'
                    , id: 1006
                , children: [{
                    title: '销售费用'
                    , id: 100601
                    ,field:"1006-01"
                    , children: [{
                        title: '综合管理费（沈北仓）'
                        , id: 100601001
                        ,field:"1006-01-001"
                    },{
                        title: '综合管理费（湖南仓）'
                        , id: 100601002
                        ,field:"1006-01-002"
                    },{
                        title: '综合管理费（金社长仓）'
                        , id: 100601003
                        ,field:"1006-01-003"
                    },{
                        title: '综合管理费（金社长二仓）'
                        , id: 100601004
                        ,field:"1006-01-004"
                    },{
                        title: '综合管理费（金社长返货仓）'
                        , id: 100601005
                        ,field:"1006-01-005"
                    },{
                        title: '综合管理费（金社长返货收费）'
                        , id: 100601006
                        ,field:"1006-01-006"
                    },{
                        title: '综合管理费（代发仓）'
                        , id: 100601007
                        ,field:"1006-01-007"
                    },{
                        title: '综合管理费（天下云仓）'
                        , id: 100601008
                        ,field:"1006-01-008"
                    }]
                }]
                }, {
                    title: '包材费'
                    , id: 1007
                , children: [{
                    title: '销售费用'
                    , id: 100701
                    ,field:"1007-01"
                    , children: [{
                        title: '包装材料（常温品）'
                        , id: 100701001
                        ,field:"1007-01-001"
                    },{
                        title: '包装材料（冷冻品）'
                        , id: 100701002
                        ,field:"1007-01-002"
                    },{
                        title: '低值易耗品（胶带、气泡柱等）'
                        , id: 100701003
                        ,field:"1007-01-003"
                    },{
                        title: '干冰保温袋'
                        , id: 100701004
                        ,field:"1007-01-004"
                    },{
                        title: '冷冻仓存储费（集装箱）'
                        , id: 100701005
                        ,field:"1007-01-005"
                    },{
                        title: '改包装费'
                        , id: 100701006
                        ,field:"1007-01-006"
                    },{
                        title: '面藕包装袋'
                        , id: 100701007
                        ,field:"1007-01-007"
                    }]
                }]
                }, {
                    title: '其他费用'
                    , id: 1008
                , children: [{
                    title: '销售费用'
                    , id: 100801
                    ,field:"1008-01"
                    , children: [{
                        title: '房租及物业费'
                        , id: 100801001
                        ,field:"1008-01-001"
                    },{
                        title: '固定资产折旧摊销'
                        , id: 100801002
                        ,field:"1008-01-002"
                    },{
                        title: '水电费'
                        , id: 100801003
                        ,field:"1008-01-003"
                    },{
                        title: '网费'
                        , id: 100801004
                        ,field:"1008-01-004"
                    },{
                        title: '招聘网站'
                        , id: 100801005
                        ,field:"1008-01-005"
                    },{
                        title: '直播器材及食材'
                        , id: 100801006
                        ,field:"1008-01-006"
                    }]
                }]
                }]
            }]

        //基本演示
        tree.render({
            elem: '#test5'
            ,data: data2
            ,showCheckbox: true  //是否显示复选框
            ,id: 'demoId1'
            ,isJump: false //是否允许点击节点时弹出新窗口跳转
            ,click: function(obj){
                var data = obj.data;  //获取当前点击的节点数据
                layer.msg('状态：'+ obj.state + '<br>节点数据：' + JSON.stringify(data));
            }
        });

        //按钮事件
        util.event('lay-demo', {
            getChecked: function(othis){
                var checkedData = tree.getChecked('demoId1'); //获取选中节点的数据
                // layer.alert(JSON.stringify(checkedData), {shade:0});
                let l = checkedData[0].children.length
                // sub.len = [];
                sub.subject = [];
                var siji = false;
                var sanji = false;
                var erji = false;
                for (let i = 0; i < l; i++) {
                    for (let j = 0; j < checkedData[0].children[i].children.length; j++) {
                        for (let k = 0; k < checkedData[0].children[i].children[j].children.length; k++) {
                            sub.subject.push(checkedData[0].children[i].children[j].children[k].field);
                        }
                    }
                    // sub.len[i] = checkedData[0].children[i].title.length;
                }
                console.log(sub.subject);
                $.ajax({
                    url: "/subcompares",
                    type: "post",
                    contentType: "application/json",
                    data:JSON.stringify(sub),
                    success: function (data) {
                        mydata = data.data;
                        clear();
                        loaddata(mydata);
                        datasize = mydata.length;
                        load();
                    }
                })
            }
        });

    });

</script>

</body>
</html>